<!DOCTYPE html>
<html>
    <head>
        <title>Debug</title>
        <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/ba-debug.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <div id="views">
            <div id="frmLogin">
                <h1>Todos</h1>
                <form>
                    <label>Usuario</label> <input id="usuario" name="usuario" type="text" placeholder="usuario">
                    <label>Clave</label>   <input id="clave" type="text" placeholder="clave">
                </form>
                <button id="btnAceptar">Aceptar</button>
                <button id="btnLimpiar">Limpiar</button>
                <div style="border: 1px solid red;width: 200px;" id="mensaje"></div>
            </div>
        </div>
        <script type="text/javascript">
            
            // como definir una clase Usuario
            var iUsuario = $("#usuario").attr("id");
            debug.setLevel(3);
            debug.info(iUsuario);
            
        </script>
    </body>
</html>
